<template>
	<view class="content">
		<view class="content-k" v-if="ruleIntroduce">
			{{ruleIntroduce}}
			<!-- <mp-html :content="ruleIntroduce"/> -->
		</view>
		<view class="content-img-k" v-if="ruleImage">
			<image :src="imgurl+ruleImage" mode="widthFix"></image>
		</view>

	</view>
</template>

<script>
	import {
		BASE_URL_IMAHE
	} from "../../../utils/https";
	export default {
		data() {
			return {
				imgurl: BASE_URL_IMAHE,
				ruleIntroduce: "",
				ruleImage: "",

			};
		},
		onLoad(options) {

			console.log(111, uni.getStorageSync("ruleIntroduce"), uni.getStorageSync("ruleImage"))
			this.ruleIntroduce = uni.getStorageSync("ruleIntroduce") ? uni.getStorageSync("ruleIntroduce") : ''
			this.ruleImage = uni.getStorageSync("ruleImage") ? uni.getStorageSync("ruleImage") : ''
		},
		created() {},
	}
</script>

<style lang="scss" scoped>
	.content {
		width: 750rpx;
		padding-top: 20rpx;
		margin: 0 auto;

		.content-k {
			width: 710rpx;
			background: #ffffff;
			border-radius: 10rpx;
			margin: 0 auto;
			min-height: 100vh;
			box-sizing: border-box;
			padding: 20rpx;
			white-space: pre-wrap;

		}

		.content-img-k {
			width: 750rpx;
			margin: 0 auto;

			image {
				width: 100%;
				height: auto;
			}
		}
	}
</style>